<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>File Converts</title>
		<link rel="icon" href="images/favicon.ico">
		<link rel="stylesheet" type="text/css" href="css/shouyie.css">
		<!-- bootstrap样式 -->
		<link rel="stylesheet" href="bootstrap/bootstrap.min.css">
		<script src="bootstrap/bootstrap.min.js"></script>
		<script src="bootstrap/popper.min.js"></script>
		<script src="bootstrap/bootstrap.bundle.min.js"></script>
		<!-- vue -->
		<script src="vue/vue.js"></script>
		<script type="module">
			new Vue({
				el: '#app',
				data: {

					logo: "images/filetranslogo.gif",
					download: [{
						version: "下载v1.0",
						link: "https://www.fntop.cn/converts-v1.exe",
					
					}, {
						version: "下载v2.0",
						link: "https://www.fntop.cn/converts-v2.exe",
					
					}, {
						version: "下载v3.0",
						link: "https://www.fntop.cn/converts-v3.exe",

					}],
					active: 1,
					name: "File Converts",
					copyright: "Copyright © 2023 cn.fntop",
					beian: "赣ICP备2023002035号",
					headData: [{
						href: "index.html",
						remark: "首页"
					}, {
						href: "md.html",
						remark: "使用说明"
					}, {
						href: "contact.html",
						remark: "联系我们"
					}, {
						href: "member.html",
						remark: "会员"
					}],

					//default primary secondary success danger warning info light dark 
					bodyData: [{
						title: "FILETRANS1.0 稳定版已上线",
						status: "badge rounded-pill bg-success",
						remark: "1",
					}, {
						title: "FILETRANS2.0 神秘版待上号",
						status: "badge rounded-pill bg-warning",
						remark: "升级中",
					}, {
						title: "FILETRANS1.0 未知版计划中",
						status: "badge rounded-pill bg-secondary",
						remark: "待开发",
					}],
					footData: [{
						title: "微信",
						href: "#",
						img: "images/wx.jpg",
						imgClass: "QR_code",
						target: "_self",
						sub: []
					}, {
						title: "公众号",
						href: "#",
						img: "images/public.png",
						imgClass: "QR_code",
						target: "_self",
						sub: []
					}, {
						title: "微信赞赏",
						href: "#",
						img: "images/wxnicepay.png",
						imgClass: "QR_code",
						target: "_self",
						sub: []
					}, {
						title: "微信群",
						href: "#",
						img: "images/wxgroup.png",
						imgClass: "QR_code",
						target: "_self",
						sub: []
					}, {
						title: "Gitee",
						href: "https://gitee.com/FnTop",
						imgClass: "",
						img: "",
						target: "_blank",
						sub: []
					}, {
						title: "CSDN",
						href: "https://blog.csdn.net/qq_40673786?spm=1010.2135.3001.5343",
						imgClass: "",
						img: "",
						target: "_blank",
						sub: []
					}, {
						title: "简体中文",
						href: "#",
						img: "",
						sub: [{
							title: "简体中文",
							href: "#",
							target: "_self",
							img: "",
							sub: []
						}, {
							title: "繁体中文",
							href: "#",
							target: "_self",
							img: "",
							sub: []
						}, {
							title: "english",
							href: "#",
							target: "_self",
							img: "",
							sub: []
						}]
					}]
				}
			});
		</script>
	</head>
	<body>
		<div id="app">
			<!--头部-->
			<nav class="navbar navbar-expand-lg bg-body-tertiary fixed-top shadow-lg bg-body-tertiary"
				data-bs-theme="dark">
				<div class="container-fluid" style="margin-left: 12%;">
					<a class="navbar-brand" href="index.html">
						<img :src="logo" alt="Logo" width="30" height="24" class="d-inline-block align-text-top">
						{{name}}
					</a>
					<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
						data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
						aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav me-auto mx-2">
							<div v-for="(item,index) in headData">
								<li class="nav-item">
									<a :class="active==index?'nav-link active':'nav-link'"
										:href="item.href">{{item.remark}}</a>
								</li>
							</div>
						</ul>
						<form class="d-flex" style="margin-right: 12%;" role="search">
							<a class="btn btn-outline-success ms-3" v-for="item in download" :href="item.link"
								type="submit">{{item.version}}</a>
						</form>
					</div>
				</div>
			</nav>
			<!--核心内容 -->
			<div class="container">
				<div class="row" style="margin-top: 80px;" >
				<div class="row mt-3">
					<div class="col">
						<div class="row row-cols-3">
							<!-- default primary secondary success danger warning info light dark -->
							<div class="col">
								<h4 class="text-center">软件功能</h4>
								<ol class="list-group">
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">png 互转其他格式</div>
										</div>
										<span class="badge bg-success rounded-pill">1</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">jpeg 互转其他格式</div>
										</div>
										<span class="badge bg-success rounded-pill">2</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">webp 互转其他格式</div>
										</div>
										<span class="badge bg-success rounded-pill">3</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">gif 互转其他格式</div>
										</div>
										<span class="badge bg-success rounded-pill">4</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">bmp 互转其他格式</div>
										</div>
										<span class="badge bg-success rounded-pill">5</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">tiff 互转其他格式</div>
										</div>
										<span class="badge bg-success rounded-pill">6</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">pdf 不能转其他格式，但其他格式可以转PDF</div>
										</div>
										<span class="badge bg-success rounded-pill">7</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">主题切换</div>
										</div>
										<span class="badge bg-info rounded-pill">新</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">支持多设备使用</div>
										</div>
										<span class="badge bg-info rounded-pill">新</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">主题持久化</div>
										</div>
										<span class="badge bg-warning rounded-pill">待 </span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">界面按钮样式切换</div>
										</div>
										<span class="badge bg-warning rounded-pill">待 </span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">web端</div>
										</div>
										<span class="badge bg-warning rounded-pill">待</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">手机端</div>
										</div>
										<span class="badge bg-warning rounded-pill">待</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">苹果端</div>
										</div>
										<span class="badge bg-warning rounded-pill">待</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">PDF、Word、PPT互转</div>
										</div>
										<span class="badge bg-primary rounded-pill">久</span>
									</li>
								</ol>
							</div>
							<div class="col">
								<h4 class="text-center">使用步骤</h4>
								<ol class="list-group list-group-numbered">

									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">添加管理员微信</div>
											通过公众号扫码，输入字母获取管理微信；或者通过加入微信群与管理联系；当然也可以通过Gitee或者CSDN给管理留言
										</div>
										<span class="badge bg-danger rounded-pill">加微信</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">提供手机号、姓名</div>
											管理为你开通试用功能，如果需要直接使用也可以直接开通会员功能。具体权益与价格参考<a class="text-success"  href="member.html">会员</a>
										</div>
										<span class="badge bg-warning rounded-pill">提供身份信息</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">下载软件</div>
											首页或者导航栏直接点击下载即可
										</div>
										<span class="badge bg-primary rounded-pill">下载软件</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">激活软件</div>
											找管理员为你提供激活码激活软件
										</div>
										<span class="badge bg-secondary rounded-pill">激活软件</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">激活成功</div>
											您的软件已激活，快来使用吧
										</div>
										<span class="badge bg-success rounded-pill">开始使用</span>
									</li>
								</ol>
							</div>
							<div class="col">
								<h4 class="text-center">注意事项</h4>
								<ol class="list-group list-group-numbered">
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">打开软件后会在软件目录生成两个文件</div>
											一定不要删除、一定不要删除、一定不要删除。删除后软件将无法使用，需要重新购买激活才可以。
											如果要迁移的活生成的文件和软件要一起迁移。必须在同一个目录，反之无法使用
										</div>
										<span class="badge bg-danger rounded-pill">特别提醒</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">一定要联系上管理员才能激活软件</div>
											只有管理员才会把激活码发送给你，后期有需要延期或者加设备的都可以联系管理员
										</div>
										<span class="badge bg-danger rounded-pill">特别提醒</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">一台设备只能够被激活一次</div>
											但可以进行延期或者加设备继续进行使用
										</div>
										<span class="badge bg-warning rounded-pill">注意事项</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">当前设备激活的软件仅仅允许当台设备使用</div>
											只有选择购买了多台设备后才可进行多台设备使用（即使软件目录和生成文件一起迁移到另一台设备也是无法使用的。购买的年激活和永久激活时，管理才会协助其进行迁移）
										</div>
										<span class="badge bg-warning rounded-pill">注意事项</span>
									</li>
									<li class="list-group-item d-flex justify-content-between align-items-start">
										<div class="ms-2 me-auto">
											<div class="fw-bold">一台设备不够用怎么办</div>
											可联系管理进行设备复购
										</div>
										<span class="badge bg-success rounded-pill">建议</span>
									</li>
								</ol>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--4.页脚部分开始-->
			<div class="row mt-5">
				<div class="col">
					<div class="footer">
						<ul class="uu">
							<span v-for="item in footData">
								<li :class="item.sub.length!=0?'flast':'QR_father'">
									<a :target="item.target" :href="item.href">
										<img :class="item.imgClass" :src="item.img" v-if="item.img!==''" />
										{{item.title}}
										<ul class="languagefrom" v-if="item.sub!=null">
											<li v-for="subitem in item.sub">
												<a :target="subitem.target" :href="subitem.href">
													{{subitem.title}}
												</a>
											</li>
										</ul>
									</a>
								</li>
							</span>
						</ul>
						<p>
							{{copyright}} <br /> {{beian}}
						</p>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>